
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>登录</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
    <style>
        #verifyCodeImg{
            display: block;
            height:90%;
        }
        .cr-header {
            width: 100%;
            height: 65px;
            background-color: #393D49;
        }
        .cr-header .main {
            position: relative;
            margin: 0 auto;
            min-height: 0;
        }
        .main {
            max-width: 1079px;
            margin: 0 auto 15px;
        }
        .logo {
            display: block;
            position: absolute;
            top: 13px;
            left: 15px;
            /* width: 135px; */
            height: 37px;
            color: #009688;
            font-size: 24px;
        }
        .nav-user {
            position: absolute;
            top: 24px;
            right: 15px;
        }
        .nav-user span, .nav-user .unlogin, .out-login, .avatar, .avatar *, .nav-user .nav {
            display: inline-block;
            vertical-align: middle;
        }
        .nav-user span a {
            padding: 0 10px;
            color: #A9B7B7;
        }
        .cr-body {
            margin: 15px auto 48px auto;
            max-width: 780px;
        }
        .cr-body h1 {
            font-size: 22px;
            margin-bottom: 10px;
            line-height: 30px;
            padding: 10px;
            color: #393D49;
            border-bottom: 1px solid #009688;
        }
        .cr-form {
            margin: 15px auto;
            max-width: 480px;
            background-color: #fff;
            padding: 30px;
            border: 1px solid #f0f0f0;
        }
    </style>
</head>
<body style="margin-top: 60px">
<div class="layui-layout">
    <!-- 头部区域 -->
    <div class="layui-header cr-header">
        <div class="main">
            <a href="#" class="logo">CRM客户关系管理系统</a>
            <div class="nav-user">
                <span><a href="#">登录</a></span>
            </div>
        </div>
    </div>
<div class="cr-body">
    <h1><i class="layui-icon"></i> 用户登录</h1>
<div class="cr-form">
<form style="margin-left: 30px" class="layui-form" action="${pageContext.request.contextPath}/">
    <div class="layui-form-item">
        <label class="layui-form-label">登录账号</label>
        <div class="layui-input-inline" style="width: 250px;">
            <input type="text" name="account" required  lay-verify="required" placeholder="登录账号(必填)" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">登录密码</label>
        <div class="layui-input-inline" style="width: 250px;">
            <input type="password" name="password" required lay-verify="required" placeholder="登录密码(必填)" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">验证码</label>
        <div class="layui-input-block" style="width: 250px;">
            <input type="text" name="verifyCode" required  lay-verify="required" placeholder="验证码(必填)" autocomplete="off" class="layui-input" style="width: 100px; float: left; margin-right: 14px">
            <img style="padding:0;height:38px;width:130px" id="verifyCodeImg" src="" onclick="">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="log"><i class="layui-icon">&#xe605;</i> 登录系统</button>
        </div>
    </div>
    <a style="margin-left: 110px" class="layui-bg-gray" href="${pageContext.request.contextPath}/forgetpwd.jsp">忘记密码</a>
</form>
</div>
</div>
</div>
<script src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;
    });
</script>
</body>
</html>
